<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>on事件委托和动态绑定事件</title>
    <script src="../jquery.min.js"></script>
</head>
<body>
  <ul>
    <li>我是一个大帅哥</li>
    <li>我是一个大帅哥</li>
    <li>我是一个大帅哥</li>
    <li>我是一个大帅哥</li>
  </ul>
  <ol></ol>
  <script>
    //将事件委托到父元素中
    $('ul').on("click",'li',function () {
        window.alert('hello');
    })
    //动态的绑定事件
    $('ol').click(function () {
      window.alert(11);
    });
    var li = $('<li>我是后来添加的</li>');
    $('ol').append(li);
  </script>
</body>
</html>